import React, {useEffect, useState} from 'react'
import 'swiper/css/swiper.min.css' // 引入样式
import '@/style/cooperationCase.scss'
let reportSwiper = null
function CooperationCase() {
	const cooperativeCompany = [
		{
			icon: require('@/images/cooperationCase/Goldwind.jpg'),
			content: ''
		},
		{
			icon: require('@/images/cooperationCase/传麒科技（北京）股份有限公司.png'),
			content: ''
		},
		{
			icon: require('@/images/cooperationCase/卧龙.jpg'),
			content: ''
		},
		{
			icon: require('@/images/cooperationCase/卧龙防爆.png'),
			content: ''
		},
		{
			icon: require('@/images/cooperationCase/合康新能.png'),
			content: ''
		},
		{
			icon: require('@/images/cooperationCase/四方.png'),
			content: ''
		},
		{
			icon: require('@/images/cooperationCase/天诚同创.jpg'),
			content: ''
		},
		{
			icon: require('@/images/cooperationCase/欧伏电气股份有限公司.png'),
			content: ''
		},
		{
			icon: require('@/images/cooperationCase/沧州惠邦.jpg'),
			content: ''
		},
		{
			icon: require('@/images/cooperationCase/荣信兴业.png'),
			content: ''
		},
		{
			icon: require('@/images/cooperationCase/费莱科技.jpg'),
			content: ''
		},
		{
			icon: require('@/images/cooperationCase/远大.png'),
			content: ''
		},
		]
    return (
		<>
			<div className="cooperationCaseBanner">
			</div>
			<div className="resBox">

			</div>
		<div className="cooperativeCompanyDiv">
			<div className="mainContent">
				<p className="boxTitle" id="cooperationCase">合作案例</p>
				{cooperativeCompany.map((item, index) => {
					return (
						<div className="honorItem flexStart" key={index}>
							<img src={item.icon} style={{width: '260px', height: '65px'}}></img>
							<p>{item.content}</p>
						</div>
						)
				})}
			</div>
		</div>
		</>
	)
}
 
export default CooperationCase